<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/CSS/upload_page.css">
</head>
<body>
<div class="content">
    <!-- 侧边栏部分 -->
    <div class="left_bar">
        <!-- 图标部分 -->
        <div class="logo">
            <div class="l_img">
                <h1>BOKEY</h1>
                <p>欢迎!您还没有登录</p>
            </div>
        </div>
        <!-- 分割线 -->
        <div class="line"></div>
        <!-- 选项卡部分(选择二合一模块的组件) -->
        <ul class="select">
            <li >
                <p></p>
                <h4>主页</h4>
            </li>
            <li class="selecting">
                <p></p>
                <h4>笔记上传</h4>
            </li>
            <li>
                <p></p>
                <h4>搜索笔记</h4>
            </li>
            <li>
                <p></p>
                <h4>我的笔记</h4>
            </li>
        </ul>
        <div class="line"></div>
    </div>
    <!-- 顶部部分 -->
    <div class="top">
        <a href="${pageContext.request.contextPath}/login">注册/登录</a>
        <p>在分享笔记前，记得先注册登录哦，点击上面的按钮进去登录/注册页面</p>
    </div>
    <!-- 主模块-->
    <div class="main">
        <h1 class="title">UPLOAD</h1>
        <div class="img"></div>
        <form action="${pageContext.request.contextPath }/node/upload" method="post" enctype="multipart/form-data" onsubmit="return check()">
            <input class="in" type="text" id="name" name="name" placeholder="笔记名" />
            <select class="in" name="language">
                <option value="none" selected disabled hidden>语言</option>
                <option value="Java">Java</option>
                <option value="Python">Python</option>
                <option value="HTML">HTML</option>
                <option value="JavaScript">JavaScript</option>
                <option value="Go">Go</option>
                <option value="PHP">PHP</option>
                <option value="JSP">JSP</option>
                <option value="C">C</option>
                <option value="Css">CSS</option>
                <option value="Maven">Maven</option>
                <option value="SQL">SQL</option>
                <option value="MySQL">MySQL</option>
                <option value="Redis">Redis</option>
                <option value="Android">Android</option>
                <option value="XML">XML</option>
                <option value="Docker">Docker</option>
                <option value="Ruby">Ruby</option>
                <option value="Rust">Rust</option>
                <option value="Other">其他</option>
            </select>
            <select class="in" name="class">
                <option value="none" selected disabled hidden>类别</option>
                <option value="Study">学习笔记类</option>
                <option value="Source">项目源码类</option>
                <option value="Bug">BUG解决类</option>
                <option value="Curriculum">课程系列类</option>
                <option value="Function">功能实现类</option>
                <option value="Other">其他</option>
            </select>
            <div class="file">
                点击上传文件
                <input type="file" id="file" name="file" multiple="multiple" />
            </div>
            <input class="in" type="submit" value="SUBMIT" />
        </form>
    </div>
    <!-- 二分模块 -->
    <div class="two">
        <h1>Some Accompanying Descriptions</h1>
        <p>(选填)</p>
        <form action="#" method="post" enctype="multipart/form-data" onsubmit="return check()">
            <textarea rows="10" cols="10" placeholder="Write Your Message TO Describe Your Note"></textarea>
            <input type="submit" value="ALL SUBMIT">
        </form>
    </div>
</div>
</body>
<%--引入cookie工具--%>
<script src="${pageContext.request.contextPath}/JS/tool_cookie.js"></script>
<%--引入自己的JS代码--%>
<script src="${pageContext.request.contextPath}/JS/upload_page.js"></script>
</html>